<template>
  <BasicModal 
  title="账单详情" 
  v-bind="$attrs"
  @register="register"
  >
    <Descriptions>
      <DescriptionsItem label="账单价格">{{  billState.price  }}</DescriptionsItem>
      <DescriptionsItem label="销账日期">{{  billState.verifyDate  }}</DescriptionsItem>
    </Descriptions>
  </BasicModal>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { Descriptions, DescriptionsItem } from 'ant-design-vue'
import { BasicModal, useModalInner } from '@/components/Modal'
import { IBillProps } from '@/api/bill';

const billState = ref<Partial<IBillProps>>({
  price: '--',
  verifyDate: '--'
})

const [register] = useModalInner(data => {
  billState.value = data;
})

</script>